<template>
  <div>
    <h1>插槽  传入数据的</h1>
    <SoltData></SoltData>
    <hr>
    <SoltData>
      <h4>在插槽中传入数据后显示</h4>
    </SoltData>
    <hr>
    <h2>插槽  匹配slotname的</h2>
    <SlotName></SlotName>
    <hr>
    <SlotName>
      <h4 slot="header">name="header" 传入数据</h4>
      <h4 slot="footer">name="footer" 传入数据</h4>
    </SlotName>
  </div>
</template>

<script>
  import SoltData from '@/page/slot/slot-data/slot-data-child'
  import SlotName from '@/page/slot/slotName/slot-name-child'
  export default {
    components: {
      SoltData,
      SlotName
    }
  }
</script>
<style>

</style>
